<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<link rel="stylesheet" type="text/css" href="${ctxPath}/static/magic-input/magic-input.min.css">
<style>
.circle{
    position: relative;
    left:50%;
    margin-top:10px;
    width:100px;height:100px;
    border:1px solid #95B8E7;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}
    .circle-text{
        position: relative;
        top:40%;
        left:30%;
        color: green;
    }
    .plan_ul li{
        padding: 0px;
        list-style: none;
    }
</style>
<script type="text/javascript">
    $(function() {
        $('#plan_cc').calendar({
            current:new Date(),
            onChange:function(newDate,oldDate){
                //刷新DIV
            }
        });
    })
</script>
<div class="easyui-layout" data-options="fit:true,border:false" >
    <div data-options="region:'center',border:false" style="overflow-x:hidden;overflow-y: auto;padding: 3px;" >
        <div id="plan_cc" style="width:100%;height:400px;"></div>
        <div style="border: 1px solid #95B8E7;text-align: center;margin-top: 5px;padding: 10px 0px;">
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
            2018-12-12
        </div>
        <div class="circle">
            <div class="circle-text">
            <div><b style="margin-left: 10px;">40%</b></div>
            <div><b>完成率</b></div>
            </div>
        </div>

        <a class="easyui-linkbutton" href="javascript:;" data-options="iconCls:'fi-plus icon-green'" style="margin: 10px 2px;">添加计划</a>
        <a class="easyui-linkbutton" href="javascript:;" data-options="iconCls:'fi-widget icon-green'" style="margin: 10px 2px;">设置全局计划提醒【已设置】</a>
        <a class="easyui-linkbutton" href="javascript:;" data-options="iconCls:'fi-clock icon-green'" style="margin: 10px 2px;">切换为表格模式查看</a>
        <img src="../../static/img/arn.gif" alt="">表示已完成
        <img src="../../static/img/arn_red.png" alt="">表示未完成
        <ul class="plan_ul">
            <li>
                <img src="../../static/img/arn.gif" alt="">
                 <span>设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置
                </span>
                    <p>评价：何志华：同意  2016-12-2</p>
                <p><input type="checkbox" class="mgc-switch mgc-sm"  />完成</p>
            </li>
            <li>
                <img src="../../static/img/arn.gif" alt="">
                 <span>设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置设置
                </span>
                    <p>评价：何志华：同意  2016-12-2</p>
                <p><input type="checkbox" class="mgc-switch mgc-sm"/>完成
                <input type="checkbox" class="mgc-switch mgc-sm"/>提醒&nbsp;&nbsp;&nbsp;
                    <a href="javascript:;">自定义提醒</a>
                </p>
            </li>

        </ul>
    </div>
</div>